<scrip lang="ts">
  // import { RouterLink, RouterView } from 'vue-router'
  // import HelloWorld from './components/HelloWorld.vue'
  import { defineComponent } from 'vue'
  import BottomBtn from './components/BottomBtn.vue'
  
  export default defineComponent({
    components: {
      BottomBtn
    }
  })
  </scrip>
  
  <template>
    <div>
      <keep-alive>
        <router-view />
      </keep-alive>
    </div>
    <bottom-btn v-show="!$route.meta.player"></bottom-btn>
    <div class="null" v-show="!$route.meta.player"></div>
  </template>
  
  <style >
  @import './assets/css/base.css';
  .bottom_btn {
    position: fixed;
    bottom: 0;
    overflow: hidden;
  }
  .null {
    height: 53px;
    width: 100%;
  }
  </style>
  